panel: Bind style to corners' style

There's this little hack that we do to match the panel transition from
transparent to black with leaving the overview via swipe down. The only
problem is that, while the duration of the panel transition itself is
matches, the corners don't, and they get out of sync.

This isn't very noticeable with the swipe gesture, but it'll be much
more prominent when booting straight into the overview.

Bind the 'style' property of the panel to the corners', so that the
transition duration hack applies to all of them.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1678>

diff --git a/js/ui/panel.js b/js/ui/panel.js
index ea29a9b48acde05126c265fae51430d96b8821b1..cfde06e2846141a6e8e1f2d822f783db80ed2f07 100644 (file)
--- a/js/ui/panel.js
+++ b/js/ui/panel.js
@@ -756,9 +756,11 @@ class Panel extends St.Widget {
         this.add_child(this._rightBox);
 
         this._leftCorner = new PanelCorner(St.Side.LEFT);
+        this.bind_property('style', this._leftCorner, 'style', GObject.BindingFlags.SYNC_CREATE);
         this.add_child(this._leftCorner);
 
         this._rightCorner = new PanelCorner(St.Side.RIGHT);
+        this.bind_property('style', this._rightCorner, 'style', GObject.BindingFlags.SYNC_CREATE);
         this.add_child(this._rightCorner);
 
         Main.overview.connect('showing', () => {